<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/panel.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/main-body.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/panel.js"></script>
    <!-- 引入动画函数js文件 必须在index的上面-->
    <script src="js/animate.js"></script>
    <!-- 引入主体部分轮播图js文件 -->
    <script src="js/index.js"></script>
    <!-- 引入input点击框js文件 -->
    <script src="js/input.js"></script>
</head>

<body>
    <!-- 头部区域 -->
    <header>
        <!-- logo部分 -->
        <div class="logo">
            <a href="index.html"><img src="images/logo.png" alt=""></a>
            <h2>站酷logo</h2>
        </div>
        <!-- nav导航部分 -->
        <nav>
            <div class="nav">
                <ul class="nav-ul">
                    <li class="nav-ul-li"><a href="index.html" class="nav-ul-li-a">首页</a></li>
                    <li class="nav-ul-li">
                        <a href="#" class="nav-ul-li-a">
                            发现
                            <!-- 导航小图标 -->
                        <i class="subNavDot"></i>
                        </a>
                        <!-- ------------------------------ -->
                        <div id="discrory">
                            <div class="panel">
                                <div class="p_left">
                                    <div class="nav">
                                        <ul class="navs">
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li0">精选</a>
                                                <div class="sub_menu" style="display: block">
                                                    <div class="menu-1">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon.jpg" alt="icon-精选" style="vertical-align: middle">精选</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">运营设计</a></li>
                                                                <li><a href="#">包装</a></li>
                                                                <li><a href="#">动画/影视</a></li>
                                                                <li><a href="#">人像摄影</a></li>
                                                                <li><a href="#">商业插画</a></li>
                                                                <li><a href="#">电商</a></li>
                                                                <li><a href="#">APP界面</a></li>
                                                                <li><a href="#">艺术插画</a></li>
                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">家装设计</a></li>
                                                                <li><a href="#">海报</a></li>
                                                                <li><a href="#">文章</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li1">插画</a>
                                                <div class="sub_menu">
                                                    <div class="menu-2">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon2.jpg" alt="icon-精选" style="vertical-align: middle">插画</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">包装</a></li>
                                                                <li><a href="#">海报</a></li>
                                                                <li><a href="#">品牌</a></li>
                                                                <li><a href="#">IP形象</a></li>
                                                                <li><a href="#">字体/字形</a></li>
                                                                <li><a href="#">Logo</a></li>
                                                                <li><a href="#">书籍/画册</a></li>
                                                                <li><a href="#">宣传物料</a></li>

                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">图案</a></li>
                                                                <li><a href="#">信息图表</a></li>
                                                                <li><a href="#">PPT/Keynote</a></li>
                                                                <li><a href="#">其他平面</a></li>
                                                                <li><a href="#">文章</a></li>

                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li2">UI</a>
                                                <div class="sub_menu">
                                                    <div class="menu-3">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon3.jpg" alt="icon-精选" style="vertical-align: middle">UI</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">工业/产品</a></li>
                                                                <li><a href="#">游戏UI</a></li>
                                                                <li><a href="#">软件界面</a></li>
                                                                <li><a href="#">图标</a></li>
                                                                <li><a href="#">主题/皮肤</a></li>
                                                                <li><a href="#">交互/UE</a></li>
                                                                <li><a href="#">动效设计</a></li>
                                                                <li><a href="#">闪屏/壁纸</a></li>
                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">APP界面</a></li>
                                                                <li><a href="#">二维影视</a></li>
                                                                <li><a href="#">空间</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li3">影视</a>
                                                <div class="sub_menu">
                                                    <div class="menu-4">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon4.jpg" alt="icon-精选" style="vertical-align: middle">影视</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">包装</a></li>
                                                                <li><a href="#">海报</a></li>
                                                                <li><a href="#">品牌</a></li>
                                                                <li><a href="#">IP形象</a></li>
                                                                <li><a href="#">字体/字形</a></li>
                                                                <li><a href="#">Logo</a></li>
                                                                <li><a href="#">书籍/画册</a></li>
                                                                <li><a href="#">宣传物料</a></li>

                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">图案</a></li>
                                                                <li><a href="#">信息图表</a></li>
                                                                <li><a href="#">PPT/Keynote</a></li>
                                                                <li><a href="#">其他平面</a></li>
                                                                <li><a href="#">文章</a></li>

                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li4">空间</a>
                                                <div class="sub_menu">
                                                    <div class="menu-5">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon5.jpg" alt="icon-精选" style="vertical-align: middle">空间</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">运营设计</a></li>
                                                                <li><a href="#">包装</a></li>
                                                                <li><a href="#">动画/影视</a></li>
                                                                <li><a href="#">人像摄影</a></li>
                                                                <li><a href="#">商业插画</a></li>
                                                                <li><a href="#">电商</a></li>
                                                                <li><a href="#">APP界面</a></li>
                                                                <li><a href="#">艺术插画</a></li>
                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">家装设计</a></li>
                                                                <li><a href="#">海报</a></li>
                                                                <li><a href="#">文章</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li5">工业/产品</a>
                                                <div class="sub_menu">
                                                    <div class="menu-5">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon5.jpg" alt="icon-精选" style="vertical-align: middle">工业/产品</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">运营设计</a></li>
                                                                <li><a href="#">包装</a></li>
                                                                <li><a href="#">动画/影视</a></li>
                                                                <li><a href="#">人像摄影</a></li>
                                                                <li><a href="#">商业插画</a></li>
                                                                <li><a href="#">电商</a></li>
                                                                <li><a href="#">APP界面</a></li>
                                                                <li><a href="#">艺术插画</a></li>
                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">家装设计</a></li>
                                                                <li><a href="#">海报</a></li>
                                                                <li><a href="#">文章</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li6">三维</a>
                                                <div class="sub_menu">
                                                    <div class="menu-4">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon4.jpg" alt="icon-精选" style="vertical-align: middle">三维</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">包装</a></li>
                                                                <li><a href="#">海报</a></li>
                                                                <li><a href="#">品牌</a></li>
                                                                <li><a href="#">IP形象</a></li>
                                                                <li><a href="#">字体/字形</a></li>
                                                                <li><a href="#">Logo</a></li>
                                                                <li><a href="#">书籍/画册</a></li>
                                                                <li><a href="#">宣传物料</a></li>

                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">图案</a></li>
                                                                <li><a href="#">信息图表</a></li>
                                                                <li><a href="#">PPT/Keynote</a></li>
                                                                <li><a href="#">其他平面</a></li>
                                                                <li><a href="#">文章</a></li>

                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li7">摄影</a>
                                                <div class="sub_menu">
                                                    <div class="menu-3">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon3.jpg" alt="icon-精选" style="vertical-align: middle">摄影</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">工业/产品</a></li>
                                                                <li><a href="#">游戏UI</a></li>
                                                                <li><a href="#">软件界面</a></li>
                                                                <li><a href="#">图标</a></li>
                                                                <li><a href="#">主题/皮肤</a></li>
                                                                <li><a href="#">交互/UE</a></li>
                                                                <li><a href="#">动效设计</a></li>
                                                                <li><a href="#">闪屏/壁纸</a></li>
                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">APP界面</a></li>
                                                                <li><a href="#">二维影视</a></li>
                                                                <li><a href="#">空间</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="nav-1">
                                                <a href="#" class="sub_text" id="li8">平面</a>
                                                <div class="sub_menu">
                                                    <div class="menu-4">
                                                        <div class="icons">
                                                            <a href="#" class="icon"><img src="images/icon4.jpg" alt="icon-精选" style="vertical-align: middle">平面</a>
                                                        </div>
                                                        <div class="p_content">
                                                            <ul class="content-l">
                                                                <li><a href="#">包装</a></li>
                                                                <li><a href="#">海报</a></li>
                                                                <li><a href="#">品牌</a></li>
                                                                <li><a href="#">IP形象</a></li>
                                                                <li><a href="#">字体/字形</a></li>
                                                                <li><a href="#">Logo</a></li>
                                                                <li><a href="#">书籍/画册</a></li>
                                                                <li><a href="#">宣传物料</a></li>

                                                            </ul>
                                                            <ul class="content-r">
                                                                <li><a href="#">图案</a></li>
                                                                <li><a href="#">信息图表</a></li>
                                                                <li><a href="#">PPT/Keynote</a></li>
                                                                <li><a href="#">其他平面</a></li>
                                                                <li><a href="#">文章</a></li>

                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="p_body">
                                </div>
                                <div class="p_right">
                                    <div class="r-icon">
                                        <div class="favorite">
                                            <img src="images/c01.png" alt=""><br>收藏夹
                                        </div>
                                        <div class="design">
                                            <img src="images/c02.png" alt=""><br>设计师
                                        </div>
                                        <div class="raking">
                                            <img src="images/c03.png" alt=""><br>榜单
                                        </div>
                                    </div>
                                    <div class="r-box">
                                        <div class="box1">
                                            <img src="images/R01.png" alt="">
                                            <p>一套课搞定板绘基础</p>
                                        </div>
                                        <div class="box2">
                                            <img src="images/R02.png" alt="">
                                            <p>商标注册</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- ------------------------------ -->
                    </li>
                    <li class="nav-ul-li">
                        <a href="#" class="sub_text1 nav-ul-li-a">共创</a>
                        <div class="sub_menu1">
                            <ul>
                                <li><a href="#">A+生态</a></li>
                                <li><a href="#">精彩案例</a></li>
                                <li><a href="#">共创故事</a></li>
                                <li><a href="#">我要共创</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-ul-li li5">
                        <a href="#" class="sub_text1 nav-ul-li-a">
                            活动
                            <!-- 导航小图标 -->
                        <i class="subNavDot"></i>
                        </a>
                        <div class="sub_menu1">
                            <ul>
                                <li><a href="#">设计大赛</a></li>
                                <li><a href="#">专题策划</a></li>
                                <li><a href="#">线上活动</a></li>
                                <li><a href="#">线下活动</a></li>
                                <li><a href="#">互动投票</a></li>
                                <li><a href="#">学习音频</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-ul-li li6">
                        <a href="#" class="sub_text1 nav-ul-li-a">正版素材</a>
                        <div class="sub_menu1">
                            <ul>
                                <li><a href="#">图片</a></li>
                                <li><a href="#">视频</a></li>
                                <li><a href="#">字体</a></li>
                                <li><a href="#">音乐</a></li>
                                <li><a href="#">模版</a></li>
                                <li><a href="#">IP</a></li>
                                <li><a href="#">创意专题</a></li>
                                <li><a href="#">我要供图</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-ul-li"><a href="#" class="nav-ul-li-a">
                        课程
                        <!-- 免息 -->
                        <img src="images/free-icon.jpg" alt="" class="free-icon">
                    </a></li>
                    <li class="nav-ul-li"><a href="#" class="nav-ul-li-a">版权保护</a></li>
                    <li class="nav-ul-li"><a href="#" class="nav-ul-li-a">梦笔
                        <!-- BETA小图标 -->
                        <div class="beta">BETA</div>
                    </a>

                    </li>
                    <li class="nav-ul-li"><a href="#" class="nav-ul-li-a">。。。</a></li>
                </ul>
                <!-- 搜索框 -->
                <div id="search">
                    <input type="search" placeholder="京东方品牌IP形象设计大赛" class="search-input">
                    <div class="search-click">
                        <div class="search_click">
                            <span class="hot">热门搜索</span>
                            <div>
                                <span>建模</span>
                                <span>详情页</span>
                                <span>作品集</span>
                                <span>海报</span>
                                <span>插画</span>
                                <span>圣诞</span><br>
                                <span>logo</span>
                            </div>
                            <div class="active">
                                <span class="hot">热门活动</span>
                                <div>
                                    <span>海报模板征集令3万元奖金池瓜分中</span>
                                    <span>20000元奖金池等你来瓜分!</span>
                                    <span>全场课程低至5折，等你来抢购!</span>
                                    <span>站酷2022年度学习充电月</span>
                                    <span>奇瑞iCar硬派S56外观共创大赛</span>
                                    <span>站酷共创A+生态</span><br>
                                    <span>京东方品牌IP形象设计大赛</span>
                                    <span>酷友说</span>
                                </div>
                            </div>
                            <div class="collect">
                                <span class="hot">热门收藏夹</span>
                                <div>
                                    <div class="collect_">
                                        <a href="javasrcipt:;">
                                            <img src="upload/hot1.jpg" alt="">
                                            <div class="mark"></div>
                                        </a>
                                        <p>AI创作实室-名画风</p>
                                    </div>
                                    <div class="collect_">
                                        <a href="javasrcipt:;">
                                            <img src="upload/hot2.jpg" alt="">
                                            <div class="mark"></div>
                                        </a>
                                        <p>场景</p>
                                    </div>
                                    <div class="collect_">
                                        <a href="javasrcipt:;">
                                            <img src="upload/hot3.jpg" alt="">
                                            <div class="mark"></div>
                                        </a>
                                        <p>人物专访|大咖是怎...</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 上传 -->
                <div class="cloud">
                    <a href="#" class="sub_text1"></a>
                    <div class="sub_menu1">
                        <ul>
                            <li><a href="#">上传作品</a></li>
                            <li><a href="#">写文章</a></li>
                            <li><a href="#">我的创作</a></li>
                        </ul>
                    </div>
                </div>
                <!-- 登录 -->
                <div class="register">
                    <a href="register.html" class="register_">
                        <input type="button" class="register-l" value="登录" style="cursor: pointer;">
                        <input type="button" class="register-r" value="注册" style="cursor: pointer;">
                    </a>
                    <div class="login">
                        <ul>
                            <li><a href="#" class="orange">登录/注册</a>后，可享受:</li>
                            <li>
                                <img src="images/login1.jpg" alt=""> 分享你的作品
                            </li>
                            <li>
                                <img src="images/login2.jpg" alt=""> 评论你的想法
                            </li>
                            <li>
                                <img src="images/login3.jpg" alt=""> 收藏海量灵感
                            </li>
                            <li><button><a href="register.html" class="login-btn">登录</a></button></li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
        <!-- ------------------------------ -->
    </header>
    <!-- 主体部分 -->
    <main>
        <div class="main">
            <div class="focus">
                <!-- 左侧按钮 -->
                <a href="javascript:;" class="arrow-l"></a>
                <!-- 右侧按钮 -->
                <a href="javascript:;" class="arrow-r"></a>
                <!-- 核心滚动区 -->
                <ul>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad9.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad10.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad11.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad12.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad13.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad14.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad15.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"><img src="upload/ad16.webp" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </main>
    <div class="main-body" id="main-body">
        <div class="w">
            <div class="main-title">
                <span><a href="main-body.html">关注</a></span>
                <span class="recommend">推荐
                </span>
                <span class="first-recommend"><a href="#main-body">首推</a></span>
                <span>榜单</span>
            </div>
            <img src="upload/main-r.jfif" alt="">
        </div>
    </div>
    <!-- 主体内容 -->
    <div class="section">
        <div class="w">
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section1.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                        <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                        <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user1.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section2.webp" alt=""></a>
                    <div class="shade"></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">23</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user2.webp" alt=""></a>
                        <span title="wd0113">wd0113</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section3.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user3.webp" alt=""></a>
                        <span title="朱思静">朱思静</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section4.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user4.webp" alt=""></a>
                        <span title="金屹视觉">金屹视觉</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section6.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                        <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                        <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user5.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section7.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user6.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section8.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user7.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section9.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user8.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section10.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user9.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section11.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user10.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section12.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user11.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section13.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user12.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section14.webp" alt=""></a>
                    <div class="shade"></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user13.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section15.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user14.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section16.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user15.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section22.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user16.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section18.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user17.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section19.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user18.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section20.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user19.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section21.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user20.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="w">
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section1.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user1.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section2.webp" alt=""></a>
                    <div class="shade"></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">23</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user2.webp" alt=""></a>
                        <span title="wd0113">wd0113</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section3.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user3.webp" alt=""></a>
                        <span title="朱思静">朱思静</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section4.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user4.webp" alt=""></a>
                        <span title="金屹视觉">金屹视觉</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section6.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user5.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section7.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user6.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section8.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user7.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section9.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user8.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section10.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user9.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section11.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user10.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section12.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user11.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section13.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user12.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section14.webp" alt=""></a>
                    <div class="shade"></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user13.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section15.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user14.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section16.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user15.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section22.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user16.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section18.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user17.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section19.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user18.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section20.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user19.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section21.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user20.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="w">
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section1.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user1.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section2.webp" alt=""></a>
                    <div class="shade"></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">23</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user2.webp" alt=""></a>
                        <span title="wd0113">wd0113</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section3.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user3.webp" alt=""></a>
                        <span title="朱思静">朱思静</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section4.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user4.webp" alt=""></a>
                        <span title="金屹视觉">金屹视觉</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section6.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                            <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                            <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user5.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section7.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user6.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section8.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user7.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section9.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user8.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section10.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user9.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section11.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user10.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section12.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user11.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section13.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user12.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section14.webp" alt=""></a>
                    <div class="shade"></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user13.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section15.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user14.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section16.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user15.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section22.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user16.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section18.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user17.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section19.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user18.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section20.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user19.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
            <div class="section-item">
                <div class="section-img">
                    <a href="javascript:;"><img src="upload/section21.webp" alt=""></a>
                    <div class="shade"></div>
                    <div class="hot-icon"><img src="upload/img-icon1.jpg" alt=""></div>
                </div>
                <div class="section-content">
                    <span class="section-title">
                                    <a href="javascript:;">潮流复古风插画特训(第1期)</a>
                                    <span class="section-icons">36</span>
                    </span>
                    <div class="section-user">
                        <a href="javascript:;"><img src="upload/section-user20.webp" alt=""></a>
                        <span title="酚酞遇茶变红色">酚酞遇茶变红色</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <p>京ICP备11017824号-4 / 京ICP证130164号 北京市公安局朝阳分局备案编号:110105000501</p>
        <p>
            Copyright © 2006-2022 ZCOOL
            <a href="javascript:;">中文</a>
            <a href="javascript:;">English</a>
        </p>
    </div>
</body>

</html>